/* S= CSS Reset
----------------------------------------------- */
body, div, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	font-size: 30px;
	font-family: UKIJ Esliye, SimHei, sans-serif;
	line-height: 100%;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
img {
	border: 0;
}
/* E= CSS Reset */

/* S= Global
----------------------------------------------- */
body, .wrapper, .pagebg {
	width: 1920px;
	height: 1080px;
	overflow: hidden;
}
body {
	color: #ffffff;
	position: relative;
}
.wrapper, .pagebg {
	left: 0;
	position: absolute;
	top: 0;
}
.pagebg img {
	display: block;
}
.item, .link, .txt-wrap, .txt, .btn, .icon, .pic, .pic-shade, .cover, .num {
	position: absolute;
}
.txtHidden {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.scrollBox {
	left: 0;
	position: absolute;
	top: 0;
}
.item {
    z-index: 1;
}
.item_focus {
    outline: 0;
    outline: none;
    z-index: 2;
    animation: scale 400ms both;
}
.item_blur {
    animation: scale_blur 400ms both;
}
.item .icon {
    z-index: 5;
}
.y-menu {
    z-index: 6;
}
.txt-wrap {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.listAll .item .txt-wrap {
    border-radius: 0 0 6px 6px;
}
.listAll .item_focus .txt-wrap {
    background: linear-gradient(to right, rgb(6,103,235) 0%, rgb(43,199,244) 100%);
}
@keyframes scale {
    0% {
        transform: perspective(15rem) translate3d(0, 0, 0);
        transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    }
    50% {
        transform: perspective(15rem) translate3d(0, 0, 1.07rem);
        transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    }
    100% {
        transform: perspective(15rem) translate3d(0, 0, 1rem);
        transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    }
}
@keyframes scale_blur {
    0% {
        transform: perspective(15rem) translate3d(0, 0, 1rem);
        transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    }
    50% {
        transform: perspective(15rem) translate3d(0, 0, -0.2rem);
        transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    }
    100% {
        transform: perspective(15rem) translate3d(0, 0, 0);
        transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    }
}
/* 抖动 */
.item_shake {
	-webkit-animation:0.25s ease;
	animation:0.25s ease;
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
	-ms-animation-name:shake;
	animation-name:shake;
}
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0) scale(1.07) ;}
    10%,30%,90%{-webkit-transform:translateX(-10px) scale(1.07) ;}
    50%,70%{-webkit-transform:translateX(10px) scale(1.07) ;}
}
@keyframes shake{
    0%,100%{transform:translateX(0) scale(1.07) ;}
    10%,30%,90%{transform:translateX(-10px) scale(1.07) ;}
    50%,70%{transform:translateX(10px) scale(1.07) ;}
}
.wrapper {
    background: url("../images/bg/y-bg02.png") no-repeat;
}
.wrapper8 {
    background: none;
}
/* E= Global */
